.main-wrapper {
  position: absolute;
  top: 0.77rem;
  left: 0.9rem;
  width: calc(100% - 1.8rem);
  height: calc(100% - 0.88rem);
  // background: pink;
  display: flex;
  justify-content: space-between;

  .main {
    font-size: 0.18rem;
    color: #fff;
    font-weight: bold;
    line-height: 0.21rem;
    letter-spacing: 0;

    .main-left-box {
      width: 8.616rem;
      height: calc(50% - 0.09rem);
      overflow: hidden;
      background: url('@/assets/images/bg-vl.png') center no-repeat;
      background-size: 100% 100%;
      margin-bottom: 0.18rem;

      &:last-child {
        width: 8.616rem;
        height: calc(50% - 0.18rem);
        overflow: hidden;
        background: url('@/assets/images/bg-vl-b.png') center no-repeat;
        background-size: 100% 100%;
        margin-bottom: 0;
      }

      .left-title {
        padding: 0.09rem 0 0 0.21rem;
        margin-bottom: 0.109rem;
        // color: transparent;
      }
    }

    .main-right-box {
      width: 8.616rem;
      height: calc(50% - 0.09rem);
      overflow: hidden;
      background: url('@/assets/images/bg-vr.png') center no-repeat;
      background-size: 100% 100%;
      margin-bottom: 0.18rem;

      &:last-child {
        width: 8.616rem;
        height: calc(50% - 0.18rem);
        overflow: hidden;
        background: url('@/assets/images/bg-vr-b.png') center no-repeat;
        background-size: 100% 100%;
        margin-bottom: 0;
      }

      .right-title {
        padding: 0.06rem 0.21rem 0 0;
        margin-bottom: 0.109rem;
        text-align: right;
        // color: transparent;
      }
    }

    .main-img {
      width: 100%;
      height: calc(100% - 0.419rem);
    }
  }
}
